﻿@model Beeldbankmvc.Models.AreaModel
@{
    ViewBag.Title = "Nederland en haar kust vanuit de lucht";
    Layout = "../Shared/Layout.cshtml";
}
@using Beeldbankmvc.Code
@using Beeldbankmvc.Controllers
@using Beeldbankmvc.Models
@using MvcSiteMapProvider.Web.Html
@using System.Configuration
<h1>@ViewBag.Title</h1>
<p class="gebiedinfo">
    Allerlei metingen beschrijven de dynamiek van de Nederlandse kust. Deze worden verwerkt
    in figuren, tabellen en rapportages. Van de toestand van onze kust zijn in opdracht
    van Rijkswaterstaat ook fotovluchten gemaakt. Hoe ziet Nederland en haar kust er vanuit
    de lucht uit? Via dit deel van de site worden de fotovluchten en beelden met GPS informatie gepresenteerd.</p>
<p>
    @Html.Raw(Url.Image<GebiedController>(c => c.DisplayAreasOnMapIndex(Model.topLeftLatitude, Model.topLeftLongitude, Model.topRightLatitude, Model.topRightLongitude, Model.areaName), 660, "Klikbare kaart", "Klikbare kaart", null, "#kaart"))
    <map name="kaart" id="kaart">
        @foreach (var area in Model.areaList)
        {
            if (!area.Title.Equals("Nederland"))
            { 
            <area shape="rect" coords="@area.xTopLeft ,@area.yTopLeft,@(area.xBottomRight),@(area.yBottomRight)" href="@AppHelper.getContent("~/Gebied/Select/" + area.Id + "")" alt="Interne doorverwijzing naar het detailgebied @area.Title" title="Interne doorverwijzing naar het detailgebied @area.Title"/>
            }
        }
    </map>
</p>
@if (Roles.IsUserInRole("Beheerder") || Roles.IsUserInRole("Administrator"))
{
    <p>
        <a href="@Url.Action("Edit", "Gebied", new { topLeftLat = Request.QueryString["topLeftLat"], topLeftLon = Request.QueryString["topLeftLon"], topRightLat = Request.QueryString["topRightLat"], topRightLon = Request.QueryString["topRightLon"], imageName = Request.QueryString["imageName"] })">
            <img src="@AppHelper.getContent("~/Content/images/edit.gif")" alt="Map coordinaten aanpassen" />Hoofd
            map coordinaten aanpassen</a>
    </p>
}